$(function(){
    // 获取学生列表的函数
    function getStudents(url) {
        // 发送AJAX请求之前的日志
        console.log("准备发送AJAX请求...");

        $.ajax({
            url: url,
            type: "GET",
            success: function(data) {
                // 成功接收到响应的日志
                console.log("成功接收到响应！");
                var html = "";
                for (var i = 0; i < data.length; i++) {
                    var item = data[i];
                    html += '<tr>';
                    html += '<td>'+item.no+'</td>';
                    html += '<td>'+item.name+'</td>';
                    html += '<td>'+item.password+'</td>';
                    html += '<td>'+item.sex+'</td>';
                    html += '<td>'+item.age+'</td>';
                    html += '<td>'+item.score+'</td>';
                    html += '</tr>';
                }
                $("#students").html(html);
            }
        });
    }

    // 监听表单提交事件
    $("#searchForm").submit(function(event) {
        event.preventDefault(); // 阻止表单默认提交行为
        console.log("表单提交事件被触发了！");

        var name = $("#name").val(); // 获取输入框中的姓名

        // 如果姓名为空，则显示全部学生信息
        if (name.trim() === "") {
            getStudents("/api/student/list");
            return; // 停止执行函数
        }

        // 构建带有姓名参数的查询URL
        var url = "/api/student/getbyname/" + encodeURIComponent(name);

        // 获取学生列表
        getStudents(url);
    });

    // 初始化页面时显示全部学生信息
    getStudents("/api/student/list");
});

function searchStudents() {
    var formData = {
        name: $("#queryName").val(),
        no: $("#queryNo").val(),
        sex: $("#querySex").val(),
        age: $("#queryAge").val(),
        score: $("#queryScore").val()
    };

    $.ajax({
        url: "/api/student/search",
        type: "GET",
        data: formData,
        success: function(data) {
            console.log("查询成功: ", data);
            // 更新表格数据
            updateTable(data);
        },
        error: function(jqXHR, textStatus, errorThrown) {
            console.error("查询失败: ", textStatus, errorThrown);
        }
    });
}

function updateTable(data) {
    var html = "";
    data.forEach(function(item) {
        html += '<tr>';
        html += '<td>' + item.id + '</td>';
        html += '<td>' + item.no + '</td>';
        html += '<td>' + item.name + '</td>';
        html += '<td>' + (item.sex === 1 ? '男' : '女') + '</td>';
        html += '<td>' + item.age + '</td>';
        html += '<td>' + item.score + '</td>';
        html += '<td><a href="#" onclick="editStudent(' + item.id + ');">编辑</a> | <a href="#" onclick="delStudent(' + item.id + ');">删除</a></td>';
        html += '</tr>';
    });
    $("#students").html(html);
}
